/**
 *
 * @authors 前端小灰狼
 * @date    2020-12-10 16:48:28
 * @version v1.0
 * @description the core js of todolist project
 *
 * ━━━━━━神兽出没━━━━━━
 * 　　   ┏┓　 ┏┓
 * 　┏━━━━┛┻━━━┛┻━━━┓
 * 　┃              ┃
 * 　┃       ━　    ┃
 * 　┃　  ┳┛ 　┗┳   ┃
 * 　┃              ┃
 * 　┃       ┻　    ┃
 * 　┃              ┃
 * 　┗━━━┓      ┏━━━┛ Code is far away from bugs with the animal protecting.
 *       ┃      ┃     神兽保佑,代码无bug。
 *       ┃      ┃
 *       ┃      ┗━━━┓
 *       ┃      　　┣┓
 *       ┃      　　┏┛
 *       ┗━┓┓┏━━┳┓┏━┛
 *     　  ┃┫┫　┃┫┫
 *     　  ┗┻┛　┗┻┛
 *
 * ━━━━━━感觉萌萌哒━━━━━━
 */

// 请根据考试说明文档中列出的需求进行作答
// 预祝各位顺利通过本次考试，see you next week！
// ...




"use strict";

$(function () {
  var nb;
  var res = JSON.parse(localStorage.getItem('a'));
  console.log(res);

  if (res === null) {
    var a = {
      conduct: [],
      fin: []
    };
  } else {
    var a = res;
    console.log(a);
  }

  for (var i = 0; i < a.conduct.length; i++) {
    var $li = '<li><input type="checkbox"><p>' + res.conduct[i] + '</p><a href="javascript:void(0)"></a></li>';
    $('#todolist').append($li);
  }

  for (var i = 0; i < a.fin.length; i++) {
    var _$li = '<li><input type="checkbox" checked="checked"><p onclick="edit(5)">' + res.fin[i] + '</p><a href="javascript:remove(5)"></a></li>';

    $('#donelist').append(_$li);
  }

  num();
  var $title = $('#title');
  $title.keydown(function (evt) {
    var e = evt || event;

    if (e.keyCode === 13) {
      createTodo();
      num();
      $title.val("");
    }
  });

  function createTodo() {
    var val = $title.val().trim();

    if (!val) {
      alert('不能为空');
      return;
    }

    var $li = $(" <li>\n\t\t\t\t<input type=\"checkbox\">\n\t\t\t\t<p>".concat(val, "</p>\n\t\t\t\t<a href=\"javascript:void(0)\">-</a>\n\t\t  </li>"));
    $('#todolist').append($li);
    a.conduct.push(val);
    localStorage.setItem("a", JSON.stringify(a));
  }

  $('section').on('change', 'input[type=checkbox]', function () {
    console.log($(this).prop("checked"));

    if ($(this).prop("checked")) {
      console.log($(this).parent().index() - 3);
      a.conduct.splice($(this).parent().index() - 3, 1);
      a.fin.push($(this).next().html());
      localStorage.setItem("a", JSON.stringify(a));
      $('#donelist').append($(this).parent());
    } else {
      $('#todolist').append($(this).parent());
    }

    num();
  });
  $('#todolist').on('click', 'p', function () {
    $(this).html("<input type='text' value='" + $(this).text() + "'>");
    var $ipt = $(this).children();
    $ipt.click(function (evt) {
      var e = evt || event;
      e.stopPropagation();
    });
    $ipt.select();
    var val = $(this).val().trim();
    $ipt.blur(function (evt) {
      $(this).parent().html($(this).val());
    });
  });
  $('section').on('click', 'a', function () {
    $(this).parent().remove();
    num();
  });

  function num() {
    var $res1 = $('#todolist li');
    var $res2 = $('#donelist li');
    $('#todocount').html($res1.length);
    $('#donecount').html($res2.length);
  }

  $.ajax({
    //nb是https://api.i-lynn.cn/getIpInfo;
    url: "http://localhost:8888/nb",
    type: "GET",
    data: {},
    dataType: "json",
    success: function success(res) {
      console.log(res);
      $('#ipv4').html(res.ip);
      $('#addr').html(res.country);
    }
  }); // console.log(nb);
});